<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!-- 引入chart -->
<script src="http://code.highcharts.com/highcharts.js"></script>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<link href="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.css" rel="stylesheet">
<!-- bootstrap-table.min.js -->
<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
<script src="bootstrap-wysiwyg.js"></script>
<script type="text/javascript" src="https://unpkg.com/wangeditor/dist/wangEditor.min.js"></script>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<!-- 头部导航栏 -->
<jsp:include page="top.jsp" flush="true"/>

<div class="container-fluid">
    <div class="row">

        <%--        <!--左边菜单栏-->--%>
        <%--        <jsp:include page="left.jsp" flush="true">--%>
        <%--            <jsp:param name="ifDorAdActive" value="active"/>--%>
        <%--        </jsp:include>--%>
        <!--首先给出一个div，并设id属性-->
        <form action="<%= request.getContextPath()%>/teachingQuestions/update" method="post">
            <input name="id" type="text" style="display: none" value="<%=session.getAttribute("id")%>">
            <%--        将富文本编辑器的内容赋值给textarea--%>
            <textarea id="text1" name="context" style="display: none;"></textarea>
            <textarea id="text2" name="result" style="display: none;"></textarea>
            <label>
                标题： <input name="title" type="text" placeholder="请输入标题" value="<%=session.getAttribute("title")%>"/>
            </label>
            <label>
                标签： <input name="label" type="text" placeholder="请输入标签" value="<%=session.getAttribute("label")%>"/>
            </label>
            <br/>
            <h1 style="text-align: center">问题</h1>
            <div id="div1"></div>
            <div style="height: 40px; width: 100px;margin: 0 auto">
                <%--                <input class="btn btn-primary btn-sm" type="submit" value="修改"/>--%>
                <%--                <button class="btn btn-primary btn-sm"><a href="insert.jsp" style="color: white">退出</a></button>--%>
            </div>
            <h1 style="text-align: center">答案</h1>
            <div id="div2"></div>
            <div style="height: 40px; width: 100px;margin: 0 auto">
                <c:if test="${sessionScope.status==0}">
                    <c:if test="${sessionScope.username!='admin'}">
                        <input class="btn btn-primary btn-sm" type="submit" value="修改"/>
                    </c:if>
                </c:if>
                <c:if test="${sessionScope.username=='admin'&&sessionScope.status!=null}">
                    <input class="btn btn-primary btn-sm" type="submit" value="通过"/>
                </c:if>
                <button class="btn btn-primary btn-sm"><a href="library.jsp" style="color: white">退出</a></button>
            </div>
        </form>


    </div>
    <!-- 底部页码部分 -->
    <jsp:include page="pagination.jsp" flush="true"/>
</div>
</div>
<!-- 底部页脚部分 -->
<jsp:include page="foot.jsp" flush="true"/>
<script>

    var E = window.wangEditor
    var editor1 = new E('#div1')
    var editor2 = new E('#div2')
    // 是否展示富文本编辑器内容
    editor1.config.menus = [

        'head', // 标题

        'bold', // 粗体

        // 'fontSize', // 字号

        // 'fontName', // 字体

        'italic', // 斜体

        'underline', // 下划线

        'strikeThrough', // 删除线

        'foreColor', // 文字颜色

        'backColor', // 背景颜色

        // 'link', // 插入链接

        // 'list', // 列表

        'justify', // 对齐方式

        'quote', // 引用

        // 'emoticon', // 表情
        //
        // 'image', // 插入图片
        //
        // 'table', // 表格
        //
        //
        // 'undo', // 撤销
        //
        // 'redo', // 重复
        // 'code', // 插入代码

    ]
    editor2.config.menus = [

        'head', // 标题

        'bold', // 粗体

        // 'fontSize', // 字号

        // 'fontName', // 字体

        'italic', // 斜体

        'underline', // 下划线

        'strikeThrough', // 删除线

        'foreColor', // 文字颜色

        'backColor', // 背景颜色

        // 'link', // 插入链接

        // 'list', // 列表

        'justify', // 对齐方式

        'quote', // 引用

        // 'emoticon', // 表情
        //
        // 'image', // 插入图片
        //
        // 'table', // 表格
        //
        //
        // 'undo', // 撤销
        //
        // 'redo', // 重复
        // 'code', // 插入代码

    ]
    // 创建编辑器
    editor1.create()
    editor2.create()
    //监听变化
    editor1.config.onchange = (html) => {
        $('#text1').val(editor1.txt.html())
    };
    editor2.config.onchange = (html) => {
        $('#text2').val(editor2.txt.html())
    };
    //富文本编辑器赋值，处理数据，js中不能出现html代码
    editor1.txt.html('<%=session.getAttribute("context")%>')
    editor2.txt.html('<%=session.getAttribute("result")%>')
</script>
</body>
</html>
